{{stylesheet_link ('css/countdown/jquery.countdownTimer.css')}}
<div>
    <div id="countdowntimer"><span id="future_date"></span></div>
    <div class="question-img" id="question-img"></div>
    <div id="question-audio"></div>
    <div id="question-doc"></div>
    <div id="question-block"></div>
    <div id="btn-block"></div>
    <input type="hidden" id="current" value="{{current}}"/>
    <input type="hidden" id="pre" value=""/>
    <input type="hidden" id="next" value=""/>
    <input type="hidden" id="data-id" value="{{id}}"/>
    <input type="hidden" id="room-id" value="{{room}}"/>
</div>
{{ javascript_include('js/soundjs/soundjs-0.5.2.min.js')}}
{{ javascript_include('js/countdown/jquery.countdownTimer.min.js')}}
{{ javascript_include('js/teacher/ws.js') }}
{{ javascript_include('js/teacher/test.js') }}

<script>
    $(document).ready(function() {
        $("#future_date").countdowntimer({
            dateAndTime: "<?php echo date('Y/m/d H:i:s', $exercise->endTime) ?>",
            size: "lg"
        });
    });
</script>